<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>西南科技大学城市学院</title>
    <link rel="icon" href="images/common/favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="styles/reset.css">
    <!--  -->
    <link rel="stylesheet" href="styles/swiper.css">
    <link rel="stylesheet" href="styles/index.css">
</head>
<body>
<!--    banner部分 -->
<div class="banner cf">
    <!--    轮播图容器-->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="images/index/index_01.png" alt="西南科技大学城市学院" title="西南科技大学城市学院">
            </div>
            <div class="swiper-slide">
                <img src="images/index/index_02.jpg" alt="西南科技大学城市学院" title="西南科技大学城市学院">
            </div>
            <div class="swiper-slide">
                <img src="images/index/index_03.jpg" alt="西南科技大学城市学院" title="西南科技大学城市学院">
            </div>
            <div class="swiper-slide">
                <img src="images/index/index_04.jpg" alt="西南科技大学城市学院" title="西南科技大学城市学院">
            </div>
            <div class="swiper-slide">
                <img src="images/index/index_05.jpg" alt="西南科技大学城市学院" title="西南科技大学城市学院">
            </div>
            <div class="swiper-slide">
                <img src="images/index/index_06.jpg" alt="西南科技大学城市学院" title="西南科技大学城市学院">
            </div>
            <div class="swiper-slide">
                <img src="images/index/index_07.jpg" alt="西南科技大学城市学院" title="西南科技大学城市学院">
            </div>
        </div>
    </div>
</div>

<!--    页头部分 -->
<header>
    <a href="index.html">
        <img src="images/common/logo.png" alt="西南科技大学城市学院" title="西南科技大学城市学院">
    </a>
    <!-- 导航栏 -->
    <nav class="right">
        <ul>
            <li>
                <a href="cc_focus.html">西城聚焦</a>
                <div class="subNav">
                    <a href="cc_focus.html">西城新闻</a>
                    <a href="cc_department.html">通知公告</a>
                    <a href="cc_profile.html">合作办学</a>
                    <a href="#queryTip">全文检索</a>
                </div>
            </li>
            <li>
                <a href="cc_profile.html">学校概况</a>
                <div class="subNav">
                    <a href="">学校沿革</a>
                    <a href="">现任领导</a>
                    <a href="">组织机构</a>
                </div>
            </li>
            <li>
                <a href="cc_research.html">教学科研</a>
                <div class="subNav">
                    <a href="">师资队伍</a>
                    <a href="">教学动态</a>
                    <a href="">科研动态</a>
                    <a href="">学术报告</a>
                </div>
            </li>
            <li>
                <a href="cc_department.html">院系设置</a>
                <div class="subNav" id="sub-spe">
                    <a href="">经济管理学院</a>
                    <a href="">信息与控制工程学院</a>
                    <a href="">建筑工程学院</a>
                    <a href="">马克思主义学院</a>
                    <a href="">艺术设计学院</a>
                    <a href="">鼎利学院</a>
                    <a href="">现代服务产业学院</a>
                    <a href="">通识教育学院</a>
                    <a href="">国际教育学院</a>
                    <a href="">继续教育学院</a>
                </div>
            </li>
            <li>
                <a href="http://zs.ccswust.edu.cn/">招生就业</a>
                <div class="subNav" id="sub-last">
                    <a href="http://zs.ccswust.edu.cn/" target="_blank">招生在线</a>
                    <a href="http://jy.ccswust.edu.cn/" target="_blank">就业在线</a>
                    <a href="" target="_blank">学生职业发展</a>
                </div>
            </li>
        </ul>
    </nav>
</header>

<!--    主体内容 -->
<main>
    <!--    学校新闻 -->
    <div class="news left" id="newsTip">
        <div class="container">
            <!--   标题 -->
            <div class="newsBg">
                <p>西城新闻</p>
                <p>School News</p>
            </div>
            <!--   内容 -->
            <div class="newsContent fz14">
                <ul>
                    <li>
                        <a href="new_01.html" target="_blank">
                            <img src="images/index/news_01.png" alt="加载失败">
                        </a>
                        <div class="newsTime cf">
                            <span>09</span>
                            <p>2020.12</p>
                        </div>
                        <div class="newsTitle">
                            <a href="new_01.html" target="_blank">我校首次参加装配式建筑全国总决赛荣获佳绩</a>
                            <p>&emsp; 12月5日，2020年全国行业职业技能竞赛——“中国建设杯”第三届全国装配式建筑职业技能竞赛（学生组）全国总决赛，在河南建筑职业技术学院落下帷幕。</p>
                        </div>
                    </li>
                    <li>
                        <a>
                            <img src="images/index/news_03.jpg" alt="加载失败">
                        </a>
                        <div class="newsTime cf">
                            <span>27</span>
                            <p>2020.11</p>
                        </div>
                        <div class="newsTitle">
                            <a href="#">西城实力的见证 | 我校获2020年度品牌影响力独立院校</a>
                            <p>&emsp; 11月26日，由新浪主办的2020年中国教育盛典活动在北京举行，我校荣膺“2020年度品牌影响力独立院校”大奖。学校党委副书记、纪委书记刘续梅受邀领奖。</p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/index/news_02.png" alt="加载失败">
                        </a>
                        <div class="newsTime cf">
                            <span>05</span>
                            <p>2020.12</p>
                        </div>
                        <div class="newsTitle">
                            <a href="#">我校学子在“四川省大学生财经素养大赛”决赛中荣获佳绩</a>
                            <p>&emsp; 2020年 “ 四川省大学生财经素养大赛 ” 决赛于12月5日下午在四川大学（望江校区）落下帷幕！我校经济管理学院•金融系参赛团队在此次赛事中表现突出，最终荣获四川省二等奖！</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="bo">
                <a href="focus_new.html" target="_blank">
                    <button type="button">更多新闻</button>
                </a>
            </div>
        </div>
    </div>
    <!--    通知公告 -->
    <div class="notice left" id="noticeTip">
        <div class="container">
            <!--    标题 -->
            <div class="notTop">
                <p>通知公告<span>Announcement and Notice</span></p>
                <a href="focus_notice.html">
                    <button type="button">更多公告</button>
                </a>
            </div>
            <!--    内容 -->
            <ul>
                <li>
                    <div class="notTime left">
                        <p>11-18</p>
                        <p>2020</p>
                    </div>
                    <div class="notTitle left">
                        <a href="#">西南科技大学城市学院毛石混凝土挡墙及道路工程施工招标公告</a>
                        <p>本招标项目西南科技大学城市学院毛石混凝土挡墙及道路工程已批准建设，项目业主为西南科技大学城市学院，建设资金来自自筹，项目出资比例为全资，招标人为西南科技大学城市学院。</p>
                    </div>
                </li>
                <li>
                    <div class="notTime left">
                        <p>11-02</p>
                        <p>2020</p>
                    </div>
                    <div class="notTitle left">
                        <a href="#">关于申报西南科技大学城市学院乡村振兴规划建设研究中心2020
                            -2021年度 ......</a>
                        <p>为深入落实《西南科技大学城市学院关于成立校级研究中心的通知》
                            （西城院字[2020]97号）的安排部署，建筑工程学院正式成立“乡村振兴规划建设研究中心”。
                            现将有关事宜公告如下 ......</p>
                    </div>
                </li>
                <li>
                    <div class="notTime left">
                        <p>08-12</p>
                        <p>2020</p>
                    </div>
                    <div class="notTitle left">
                        <a href="#">西南科技大学城市学院返校安全注意事项</a>
                        <p>乘坐公共交通工具，务必全程佩戴口罩，途中尽量避免用手触摸车上物品。按照学校的要求及时汇报个人健康信息。在校期间正确佩戴一次性医用口罩。保持教室环境清洁，建议每日通风三次，每次20到30分钟。</p>
                    </div>
                </li>
                <li>
                    <div class="notTime left">
                        <p>06-22</p>
                        <p>2020</p>
                    </div>
                    <div class="notTitle left">
                        <a href="#">西南科技大学城市学院2020年学生学费及住宿费收费价格公示</a>
                        <p>按照《中共中央国务院关于推进价格机制改革的若干意见》（中发〔2015〕28号）、《国务院关于鼓励社会力量兴办教育 促进民办教育健康发展的若干意见》（国发〔2016〕81号） 和《四川省教育厅 四川省发展和改革委员会 ......</p>
                    </div>
                </li>
                <li>
                    <div class="notTime left">
                        <p>06-11</p>
                        <p>2020</p>
                    </div>
                    <div class="notTitle left">
                        <a href="#">国际教育学院招生简章</a>
                        <p>西南科技大学城市学院与 “ 一带一路”
                            中、东欧核心国家捷克共和国的捷克理工大学、帕拉茨基大学
                            、奥洛穆茨摩拉维亚商学院（MVSO）等高校合作开展3+1+X中捷欧洲名校专、本、硕联合培养项目。
                            前3年时间在西南科技大学城市学院修读专科课程 ......</p>
                    </div>
                </li>
                <li>
                    <div class="notTime left">
                        <p>04-22</p>
                        <p>2020</p>
                    </div>
                    <div class="notTitle left">
                        <a href="#">西南科技大学城市学院运动解剖实验室设备采购项目招标公告</a>
                        <p>西南科技大学城市学院拟对运动解剖实验室设备采购项目邀请招标，兹邀请符合本次招标要求的供应商参加投标。
                            <br/>一、项目名称：西南科技大学城市学院
                            <br/>&emsp;&emsp;运动解剖实验室设备采购项目
                            <br/>二、项目编号：xcyzb-2020002
                        </p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!--    合作办学 -->
    <div class="cooper left" id="cooperTip">
        <div class="container">
            <!--    标题 -->
            <div class="notTop">
                <p>合作办学<span>Cooperative Education</span></p>
                <a href="focus_cooper.html">
                    <button type="button">更多消息</button>
                </a>
            </div>
            <!--    内容 -->
            <ul>
                <li>
                    <img src="images/index/cooper_01.jpg" alt="加载失败" title="美国东北州立大学来我校推进合作办学工作">
                    <a href="" target="_blank">
                        <span>美国东北州立大学与我校推进合作办学工作</span>
                    </a>
                </li>
                <li>
                    <img src="images/index/cooper_02.jpg" alt="加载失败" title="经济管理学院与四川鸿宇集团举行校企合作签约仪式">
                    <a href="" target="_blank">
                        <span>经济管理学院与四川鸿宇集团举行校企合作签约仪式</span>
                    </a>
                </li>
                <li>
                    <img src="images/index/cooper_03.jpg" alt="加载失败" title="卓雅教育携手雅生活,雅居乐商业、寰图深入推进校企合作">
                    <a href="" target="_blank">
                        <span>卓雅教育携手雅生活
                            <br/>雅居乐商业、寰图 <br/>深入推进校企合作</span>
                    </a>
                </li>
                <li>
                    <img src="images/index/cooper_04.jpg" alt="加载失败" title="我校与地理信息实验中心校企深度合作基地签约授牌仪式">
                    <a href="" target="_blank">
                        <span>我校与地理信息实验中心校企深度合作基地签约授牌仪式</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!--    全文检索 -->
    <div class="query left" id="queryTip">
        <div class="container">
            <!--    查询框背景 -->
            <div class="query-content">
                <p>全文检索</p>
                <form action="https://cn.bing.com/search" method="get"c id="que">
                    <label for="que">
                        <input type="search" placeholder="请输入关键字" name="q" id="is">
                        <input type="submit" class="submit" value="搜索">
                    </label>
                </form>
            </div>
        </div>
    </div>
    <!--    页脚部分 -->
    <footer>
        <!--    底部导航 -->
        <div class="bottomNav">
            <div class="container">
                <ul>
                    <li><a href="https://www.choyaedu.com/#/" target="_blank">卓雅教育集团</a></li>
                    <li><a href="http://www.swust.edu.cn/" target="_blank">西南科技大学</a></li>
                    <li><a href="http://jwgl.ccswust.edu.cn/" target="_blank">教务网络管理系统</a></li>
                    <li><a href="http://www.scedu.net/" target="_blank">四川教育网</a></li>
                    <li><a href="http://www.zsksb.com/" target="_blank">四川招生考试网</a></li>

                </ul>
            </div>
        </div>
        <!--    页脚 -->
        <div class="container">
            <!--        站点地图-->
            <div class="site-map fz16 left">
                <ul>
                    <li><a href="">学院概况</a></li>
                    <li><a href="#" target="_blank">学院简介</a></li>
                    <li><a href="#" target="_blank">院长寄语</a></li>
                    <li><a href="#" target="_blank">党政领导</a></li>
                    <li><a href="#" target="_blank">管理机构</a></li>
                </ul>
                <ul>
                    <li><a href="#">师资力量</a></li>
                    <li><a href="#">师资概况</a></li>
                    <li><a href="#">专家介绍</a></li>
                    <li><a href="#">人才招聘</a></li>
                </ul>
                <ul>
                    <li><a href="#">国际教育</a></li>
                    <li><a href="#">中德本硕</a></li>
                    <li><a href="#">中英本硕</a></li>
                    <li><a href="#">中西本硕</a></li>
                    <li><a href="#">中泰本硕</a></li>
                </ul>
                <ul>
                    <li><a href="#">教学管理</a></li>
                    <li><a href="#">办公系统</a></li>
                    <li><a href="#">教务系统</a></li>
                    <li><a href="#">邮件系统</a></li>
                    <li><a href="#">网络服务</a></li>
                    <li><a href="#">学生心理系统</a></li>
                </ul>
                <div class="pubQR fz14 left">
                    <p>微信公众号</p>
                </div>
                <ul id="map-last">
                    <li>
                        <p>联系我们 <span>CONTACT US</span></p>
                        <p><i class="layui-icon layui-icon-location"></i>地址 : 四川省绵阳市游仙区三星路11号</p>
                        <p><i class="layui-icon layui-icon-file-b"></i>邮编 : 621 000</p>
                        <p><i class="layui-icon layui-icon-cellphone-fine"></i>电话 : 0816-6285123</p>
                        <p><i class="layui-icon layui-icon-email"></i>邮箱 : webmaster@ccswust.edu.cn</p>
                    </li>
                </ul>
            </div>
            <!-- 版权信息 -->
            <div class="copyright fz14 left">
                <p>版权所有 © 2020 西南科技大学城市学院 &emsp; 蜀ICP备10208837 &emsp;  技术支持：西南科技大学城市学院网络中心   &emsp;  就业签约、统计造假举报电话：028-82614666</p>
            </div>
        </div>
    </footer>
</main>
<!-- 回到顶部按钮 -->
<span id="backBtn"></span>

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
    $(document).ready(() => {
        // 淡入淡出合作办学标题
        $(".cooper li").hover(
            function () {
                $(this).children("a").fadeIn(600);
            },
            function () {
                $(this).children("a").fadeOut(400);
            }
        );

        // 学校新闻动画
        $(".newsContent li:nth-child(n)").hover(
            function () {
                $(this).attr("id",'hide');
            },
            function () {
                $(this).removeAttr("id",'hide');
            }
        );

        // 主题内容main的Top,页脚footer的高度,根据浏览器当前页面显示的高度决定
        let clientH = document.documentElement.clientHeight;
        $("main").css("top",clientH + 'px');
        $("footer").css("height",clientH + 'px');

        // 底部导航的高度按浏览器高度，行高的百分之13显示
        let botNav = $(".bottomNav");
        botNav.css("height",clientH*13/100 +"px");
        botNav.css("lineHeight",clientH*13/100 +"px");

        // 站点地图的上边距和高度分别按浏览器高度的百分之15和百分之50显示。
        let siteStyle = $(".site-map");
        siteStyle.css("marginTop",clientH*15/100 + "px");
        siteStyle.css("height",clientH*50/100 + "px");

        // 页脚版权的上边距按浏览器的百分之七显示
        $(".copyright").css("marginTop",clientH*7/100);

        // 获取滚动条到顶部的高度，高于某个值时隐藏header，低于时显示header
        $(window).scroll(() => {
            let backTop = $(document).scrollTop();
            let hideHeight = clientH - 180;
            if(backTop >= hideHeight){
                $("header").fadeOut(400);
            }else {
                $("header").fadeIn(400);
            }
        });
    });
</script>
<script src="scripts/swiper.js"></script>
<script src="scripts/lamp.js"></script>
<script type="text/javascript">
    // 背景轮播图swiper框架
    new Swiper('.swiper-container',{
        loop:true,
        autoplay:8000,
        speed:3000,
        effect:'fade',
    });
</script>
</body>
</html>